<template>
  <div class="component">
    <Nav :active-url="getMicroPath('/')" />
    <Streamer cat="0001" class="streamer-dtools">
      <h1 class="text-center">小工具集(DTools)</h1>
      <h3 class="text-center">工欲善其事，必先利其器</h3>
      <h4 class="text-center">日常开发、测试过程中实用小工具，快捷方便，简单好用</h4>
      <div class="text-center btn-container">
        <a class="btn btn-go" :href="getMicroPath('#/tools')">快速进入</a>
      </div>
    </Streamer>
    <BlockSite :list="list" />
    <Footer />
  </div>
</template>

<script>
/* 首页页面 */
import Nav from '../../components/nav.vue'
import Streamer from '@/components/vue/components/streamer/0.0.1/streamer.vue'
import BlockSite from '@/components/vue/components/block-site/0.0.1/block-site.vue'
import Footer from '@/components/vue/components/footer/0.0.1/footer.vue'

export default {
  components: {
    Nav, Streamer, BlockSite, Footer
  },
  data () {
    return {
      application: window.application,
      list: [
        {
          title: '面临的问题',
          children: [
            {title: '软件工具限制', content: '使用软件功能需要安装软件,存在安装过程;软件操作需要建立文件,可能造成文件冗余;软件功能固定不灵活,不一定满足需要', icon: 'icon-icon_yiwenkongxin', theme: '01'},
            {title: '网络工具限制', content: '网络工具需要使用网络,无网或网速慢状态下无法使用;存在登录、广告等其他方面的影响', icon: 'icon-icon_details', theme: '02'},
            {title: '功能不连续', content: '使用工具处理文件时,有时需要多个操作才能达到效果,这就需要打开多个窗口或多个页面以及反复的复制与粘贴操作', icon: 'icon-icon_nomemo', theme: '03'}
          ]
        },
        {
          title: '解决方案',
          children: [
            {title: '绿色安装与使用', content: '基于HTML语言的工具包,无需安装,可适应多类型终端;基于Web页面操作,方便快捷', icon: 'icon-icon_safety', theme: '04'},
            {title: '网络与静态支持', content: '系统可网络部署与本地静态访问,有网与无网都可使用,满足各场景下使用', icon: 'icon-icon_calendar', theme: '05'},
            {title: '输入输出与管道操作', content: '对数据可提供覆盖与非覆盖两种模式,原有数据可保持;各功能之间提供管道操作,达到功能连续', icon: 'icon-icon_sketch', theme: '06'}
          ]
        }
      ]
    }
  }
}
</script>

<style lang="less">

</style>
